<ion-view view-title="线路换乘">
    <ion-header-bar class="bar-balanced tran-line bar-right" id="search-bar">
        <button ui-sref="location" class="button button-clear" id="line-search"><i class="we-font we-icon-back"></i>换乘</button>
        <h1 class="title" ng-bind="tit"></h1>
    </ion-header-bar>
    <ion-content class="tr-scroll">
        <div class="p-map">
            <div class="c-map">
                <div id="showmap" style="width:100%;height: 300px;"></div>
                <div class="map-icon"><i class="we-font we-icon-locationfill"></i></div>
            </div>
            <div class="lm-row">
                <label class="item item-input left" >
                    <h3 id="m-tit"></h3>
                    <p id="m-addr"></p>
                </label>
                <label class="item item-input right" ng-click="cMap()">
                    确定
                </label>
            </div>
        </div>
    </ion-content>
</ion-view>
<style type="text/css">
    #showmap .BMap_stdMpType4 .BMap_stdMpZoom{
        top: -60px!important;
    }
    .p-map{
        position: relative;
    }
    .lm-row{
        width:100%;
        height:auto;
        border:1px solid #ccc;
        position: absolute;
        left:0;
        bottom:0;
    }
    .lm-row .left{
        width:80%;
    }
    .lm-row .right{
        width: 20%;
        text-align: center;
        line-height: 52px;
        padding: 0;
        color:#0d9d57;
    }
    .lm-row>.item{
        float: left;
        display: block;
        margin: 0;
        border:none;
        height:52px;
    }
    .c-map{
        position: relative;
        width:100%;
        height:auto;
    }
    .map-icon{
        position: absolute;
        color: red;
        left:46.5%;
        top:46%;
    }
    .map-icon .we-font{
        font-size: 30px;
    }
</style>

